<template>
	<div id="recommendabout">
		
		<!-- 时间 -->
		<timehead></timehead>
		
		<!-- 返回上一级 -->
		<div class="recommendback">
			<van-icon name="arrow-left" @click="back"/>	
			<van-icon name="share-o" class="recommendshare"/>
		</div>
		
		<!-- 轮播 -->
		<slideshowabout></slideshowabout>
		
		<!-- 详细信息 -->
		<particularsabout></particularsabout>
		
		<!-- 加入购物车 -->
		<addshopcarabout></addshopcarabout>
	</div>
</template>

<script>
	import timehead from '@/components/timehead.vue'
	import tablebar from '@/components/home/tablebar.vue'
	import slideshowabout from '@/components/about/slideshowabout.vue'
	import particularsabout from '@/components/about/particularsabout.vue'
	import addshopcarabout from '@/components/about/addshopcarabout.vue'
	export default
	{
		data()
		{
			return{
				
			}
		},
		// 组件
		components:
		{
			timehead,
			tablebar,
			slideshowabout,
			particularsabout,
			addshopcarabout
		},
		methods:
		{
			// 后退
			back()
			{
				this.$router.go(-1)
			}
		}
	}
</script>

<style>
	*{
		margin: 0px;
		padding: 0px;
	}
	#recommendabout{
		width: 100%;
		height: 100%;
		background-color: #f5f5f5;
	}
	.recommendaboutimg{
		width: 65%;
		height: 350px;
		margin-top: 20px;
	}
	.recommendaboutprice{
		color: red;
		text-align: left;
		text-indent: 20px;
		font-size: 1.875rem;
		margin-top: 20px;
	}
	.recommendone{
		width: 100%;
		height: 60px;
		padding-top: 40px;
		background-color: white;
	}
	.recommendoneicon{
		font-size: 1.25rem;
		margin-bottom: 10px;
	}
	.recommendname{
		width: 96%;
		font-size: 1.5625rem;
		font-weight: 500;
		text-align: left;
		padding-left: 20px;
		padding-top: 15px;
		font-weight: bold;
		background-color: white;
	}
	.recommendcontent{
		width: 96%;
		height: 50px;
		line-height: 25px;
		text-align: left;
		padding-top: 15px;
		color: #333;
		padding-left: 20px;
		font-size: 1.125rem;
		background-color: white;
	}
	.recommendback{
		width: 96%;
		height: 50px;
		font-size: 1.875rem;
		text-align: left;
		padding-left: 20px;
		line-height: 50px;
		padding-top: 10px;
		background-color: white;
	}
	.recommendshare{
		margin-left: 80%;
	}
	.recommendsend{
		width: 96%;
		text-align: left;
		padding-top: 15px;
		color: #999;
		padding-left: 20px;
		font-size: 1.125rem;
		background-color: white;
	}
	.recommendsmeil{
		width: 96%;
		height: 60px;
		text-align: left;
		padding-top: 20px;
		color: black;
		padding-left: 20px;
		font-size: 1.25rem;
		line-height: 30px;
		background-color: white;
	}
	.recommendgive{
		width: 100%;
		height: 100px;
		background-color: white;
		margin-top: 20px;
		font-size: 1.25rem;
	}
	.recommendgiveicon{
		font-size: 1.875rem;
		line-height: 60px;
	}
	.recommendgivebao{
		line-height: 60px;
		color: #666;
	}
	.recommendgivefa{
		text-align: left;
		margin-top: 15px;
		line-height: 30px;
	}
	.recommendcheck{
		width: 100%;
		height: 80px;
		background-color: white;
		margin-top: 20px;
		font-size: 1.25rem;
	}
	.recommendcheckicon{
		font-size: 1.875rem;
		line-height: 80px;
	}
	.recommendcheckxuan{
		line-height: 80px;
		color: #666;
	}
	.recommendcheckpei{
		text-align: left;
		line-height: 80px;
	}
	.my-swipe{
		width: 100%;
		background-color: white;
	}
</style>
